<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>活动专区</title>
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <style>
        .pic {
            /*border: 1px solid red;*/
            margin: 0px 10px 10px;
        }
        .pic img{
            width: 100%;
            display: block;
            /*border: 4px solid rebeccapurple;*/
        }
        .pic:first-child::before{
            content: " ";
            height: 10px;
            width: 100%;
            display: block;
            clear: both;
        }
        .pic:last-child::after{
            content: " ";
            height: 10px;
            width: 100%;
            display: block;
            clear: both;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a id="backBtn" class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title"><!--活动专区--></h1>
</header>
<div id="pullrefresh1" class="mui-content mui-scroll-wrapper">
    <div class="mui-scroll">
        <ul class="mui-table-view">
            <li class="pic">
                <a href="activity_detail.html"><img src="../../images/activity/act01.jpg" alt=""></a>
            </li>
            <li class="pic">
                <a href="activity_detail.html"><img src="../../images/activity/act01.jpg" alt=""></a>
            </li>
            <li class="pic">
                <a href="activity_detail.html"><img src="../../images/activity/act01.jpg" alt=""></a>
            </li>
            <li class="pic">
                <a href="activity_detail.html"><img src="../../images/activity/act01.jpg" alt=""></a>
            </li>
            <li class="pic">
                <a href="activity_detail.html"><img src="../../images/activity/act01.jpg" alt=""></a>
            </li>
            <li class="pic">
                <a href="activity_detail.html"><img src="../../images/activity/act01.jpg" alt=""></a>
            </li>
            <li class="pic">
                <a href="activity_detail.html"><img src="../../images/activity/act01.jpg" alt=""></a>
            </li>
            <li class="pic">
                <a href="activity_detail.html"><img src="../../images/activity/act01.jpg" alt=""></a>
            </li>
        </ul>
    </div>
</div>
<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script>
    /**
     * 初始化滚动
     */
    mui('#pullrefresh1').scroll({
        deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });
</script>
</body>
</html>